<div class="layout-wrapper">
    <div id="layout-topbar">
        <a href="#" class="menu-button" (click)="onMenuButtonClick($event)">
            <i class="fa fa-bars"></i>
        </a>

        <a href="#" class="logo" [routerLink]="['/homepage']">
            <img alt="logo" src="../assets//images/logo.png" />
        </a>

        <ul class="topbar-menu">
            <li>
                <a href="#" [routerLink]="['/homepage']">网站首页</a>
            </li>
            <li class="topbar-menu-themes">
                <a href="#">关于图特</a>
                <ul> 
                    <li><a [routerLink]="['./theming']"><span class="topbar-submenu-icon fa fa-book"></span>公司简介</a></li>
                    <li><a [routerLink]="['./theming']"><span class="topbar-submenu-icon fa fa-book"></span>发展历程</a></li>
                    <li><a [routerLink]="['./theming']"><span class="topbar-submenu-icon fa fa-book"></span>图特文化</a></li>
                    <li><a [routerLink]="['./theming']"><span class="topbar-submenu-icon fa fa-book"></span>员工风采</a></li>
                    <li><a [routerLink]="['./theming']"><span class="topbar-submenu-icon fa fa-book"></span>服务体系</a></li>
                </ul>
            </li>
            <li class="topbar-menu-themes">
                <a href="#">产品与解决方案</a>
                <ul>
                    <li><a>以精细化管理为核心的医院供应链管理平台</a></li>
                    <li><a>医药流通企业供应链延伸服务SPD平台</a></li>
                    <li><a>医疗设备与固定资产全生命周期管理平台</a></li>
                    <li><a>360°全面人力资源综合管理平台</a></li>
                    <li><a>全面护理质量管理与省市护理质量数据平台</a></li>   
                </ul>
            </li>       
            <li class="topbar-menu-themes">
                <a href="#">客户案例</a>
                <ul>
                    <li><a>典型案例</a></li>
                    <li><a>申请案例</a></li>
                </ul>
            </li>      
            <li class="topbar-menu-themes">
                <a href="#">联系我们</a>
                <ul>
                    <li><a>联系我们</a></li>
                    <li><a>招贤纳士</a></li>
                    <li><a>商务合作</a></li>
                </ul>
            </li>   
        
        </ul>
    </div>

    <!-- <div id="layout-sidebar" [ngClass]="{'active': menuActive}">
        <div class="layout-menu">
       
        </div>
    </div> -->

    <div class="layout-mask" *ngIf="menuActive">
    </div>

    <div id="layout-content">
        <div>
            <router-outlet></router-outlet>
        </div>
    </div>
    <div class="content-section layout-footer clearfix">
        <p>
            杭州图特信息科技有限公司 版权所有 © 2013 · 浙ICP备10053437号-1
        </p>
            <span>图特服务QQ及热线电话</span>
            <strong>400-905-7668</strong>
    </div>
</div>